import React, {Component} from 'react'
import {Text, View, Button} from 'react-native'

export default class HelloWorldApp extends Component {
  // 构造函数
  constructor(props) {
    super(props);
    this.myObject = {
      greeting: 'Hello, world!',
      isReal: true
    };

    // 在ES5语法中会自动绑定this(autobinding)，在ES6语法中需要手动绑定，也可以使用箭头函数进行绑定
    // http://v.youku.com/v_show/id_XMTgyNzM0NjQzMg==.html
    this.onBtnClick = this.onBtnClick.bind(this);
  }

  onBtnClick() {
    alert('按钮被按下，打开Console查看输出。\n'+this.myObject);
    console.log(this.myObject)
  }
  // 如果用箭头函数的写法（不需要在constructor中绑定）：
  // onBtnClick = () => {};

  render () {
    return (
      <View>
        <Text>HelloWorld</Text>
        <Button onPress={this.onBtnClick} title='Click Me'/>
      </View>
    );
  }
}